<!DOCTYPE html>
<html>
    <head>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
        <meta content="yes" name="apple-mobile-web-app-capable">
        <meta content="black" name="apple-mobile-web-app-status-bar-style">
        <meta content="telephone=no" name="format-detection">
        <title>活动详情</title>
        <link href="__CDN__/qz/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link href="__CDN__/qz/bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
        <link rel="stylesheet" href="__CDN__/qz/assets/frozenui-1.3.0/css/frozen.css">
        <link rel="stylesheet" type="text/css" href="__CDN__/qz/assets/css/style.css" />
    </head>

    <body class="body">
        <div>
            <!-- <img src="__CDN__/qz/assets/img/img_zhanweitu4.3.png" class="img" /> -->
            <img src="{$info.poster}"  class="img" />
        </div>
 
        <div class="introduce">
            <h1 class="overTitleLine">{$info.titles}</h1>
            <p class="marginT18"> <span class="color565656">{$info.begintime|date="m/d H:i",###} - {$info.endtime|date="m/d H:i",###}</span><span class="colorFea802 floatR fontS18">¥{$info.memebr_price}</span></p>
        </div>
        
        <div class="navigation">
            <p class="padding0_14 lineH50">
                <img src="__CDN__/qz/assets/img/icon_map_s.png" class="mapMark" />
                <span class="color969696 fontS14">{$info.city}.{$info.address}</span>
                <a href="javascript:;" class="floatR fontS14 color4c67ea">导航</a>
            </p>
        </div>
        
        <div class="introduce">
            <section class="tripDescription marginT40">
                <h4>活动描述</h4>
                <div class="marginT20">
                    <p class="marginT18 color565656 lineH28">{$info.diy_desc}</p>
                </div>
            </section>
            <section class="tripDescription marginT40">
                <h4>费用包含</h4>
                <div class="marginT20">
                    <p class="marginT18 color565656 lineH28">{$info.include}<!-- 美国哈佛大学心理学课程认证-国学文化艺术沙龙讲座报名开始啦！美国哈佛大学心理学课程认证-国学文化艺术沙龙讲座报名开始啦！ --></p>
                </div>
            </section>
            <section class="tripDescription marginT40">
                <h4>活动须知</h4>
                <div class="marginT20">
                    {$info.notes}
                </div>
            </section>
        </div>
        <script type="text/javascript" src="__CDN__/qz/assets/js/jquery-1.11.3.min.js"></script>
        <script type="text/javascript" src="__CDN__/qz/bootstrap/js/bootstrap.js"></script>
        <script type="text/javascript" src="__CDN__/qz/bootstrap/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
        <script type="text/javascript" src="__CDN__/qz/bootstrap/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
        <script>
            $(".navigation").click(function(e){
                   window.location.href = 'http://api.map.baidu.com/marker?location='+{$info.latitude}+','+{$info.longitude}+'&title={$info.address}&content={$info.address}&output=html'; 
            })   
        </script>
    </body>
</html>